@extends("/main_template",menu="mall",noMenu=true,noHeader=true)
@import com.mgfireworks.mgplatform.mgshop.model.*
@args ProductDetail productDetail
<div class="mui-content">
	<!--
		推荐产品
	-->
	<div class="panel-title">
		&nbsp;&nbsp;@productDetail.getCateName()
	</div>

	<!--
		描述:小图片可轮播，可放大
	-->
	<div class="mui-content">
		<div class="mui-slider">
			<div id="jsPicView" class="mui-slider-group mui-slider-loop">
			@{List imgs=productDetail.getImageList();}
			@for(int i=0;i<imgs.size();i+=2){
                <div class="mui-slider-item">
                    <ul class="mui-table-view mui-grid-view">
                        <li class="mui-table-view-cell mui-media mui-col-xs-6">
                            <p>
                                <img src="@url(imgs.get(i))" data-preview-src="" data-preview-group="1" />
                            </p>
                        </li>
						@if(imgs.size()>i+1){
                        <li class="mui-table-view-cell mui-media mui-col-xs-6">
                            <p>
                                <img src="@url(imgs.get(i+1))" data-preview-src="" data-preview-group="1" />
                            </p>
                        </li>
						}
                    </ul>
                </div>
			}

			</div>
		</div>
	</div>

	<div class="panel-title">&nbsp;&nbsp;￥@productDetail.getPrice() @productDetail.getProductName()</div>
	<div class="mui-content-padded product-detail-info">
		品名: @productDetail.getProductName()<br/>
        品牌: @productDetail.getBandName()<br/>
        类别: @productDetail.getCateName()<br/>
        产品安全级别: @productDetail.getSellLevelName()<br/>
        产品安全级别: @productDetail.getSellLevelName()<br/>
        产品安全级别: @productDetail.getSellLevelName()<br/>
        产品安全级别: @productDetail.getSellLevelName()<br/>
        产品安全级别: @productDetail.getSellLevelName()<br/>
        产品安全级别: @productDetail.getSellLevelName()<br/>
        产品安全级别: @productDetail.getSellLevelName()<br/>
        产品安全级别: @productDetail.getSellLevelName()<br/>
        产品安全级别: @productDetail.getSellLevelName()<br/>
        产品安全级别: @productDetail.getSellLevelName()<br/>
        产品安全级别: @productDetail.getSellLevelName()<br/>
        产品安全级别: @productDetail.getSellLevelName()<br/>
        产品安全级别: @productDetail.getSellLevelName()<br/>
        产品安全级别: @productDetail.getSellLevelName()<br/>
        产品安全级别: @productDetail.getSellLevelName()<br/>
        产品安全级别: @productDetail.getSellLevelName()<br/>
		<p>
			@productDetail.getDetailContent()
		</p>
  	</div>
	<div class="scroll-fix60"></div>
</div>
@section(menu){
<nav class="product-menu mui-bar mui-bar-tab mui-row">
    <button class="mui-col-xs-3 mui-action-back mui-btn mui-btn-primary"><span class="mui-icon-extra mui-icon-extra-arrowleftcricle"></span>返回</button>
    <button id="jsAddToCart" data='{"stockId":"@productDetail.getStockId()"}' class="mui-col-xs-5 mui-btn mui-btn-success"><span class="mui-icon-extra mui-icon-extra-cart"></span>加入购物车</button>
    <button id="js-btn-tobuy" data='{"stockId":"@productDetail.getStockId()"}' class="mui-col-xs-4 mui-btn mui-btn-danger" onclick="location.href="><span class="mui-icon-extra mui-icon-extra-gold"></span>马上购买</button>
</nav>
}
@section(script){
<script type="text/javascript" src="@url("/static/js/app.product.js")"></script>
}